<script>
	import {
		mapMutations
	} from 'vuex';
	
	export default {
		methods: {
			...mapMutations(['login']),
		},
		onShow: function() {
			console.log("onShow-----------------------------------")
			var that = this;
			// #ifdef APP-PLUS
			const token = uni.getStorageSync('tokenInfo');
			console.log("token-----", token)
			if (token) this.$store.dispatch('getUnReadMessage');
			
			setTimeout(function() {
				var args = plus.runtime.arguments;

				//好友砍价
				if (args && args.indexOf("bargainId=") >= 0) {
					var bargainId = args.split("bargainId=")[1];
					plus.runtime.arguments = "";
					if (bargainId && bargainId.startsWith('GBD')) {
						uni.navigateTo({
							url: '/pagesGoods/specialArea/bargainArea/bargainDetail?bargainId=' + bargainId
						});
					}
				}

				//商品详情-拼团
				else if (args && args.indexOf("pDetailId=") >= 0) {
					var spu = args.split("pDetailId=")[1];
					plus.runtime.arguments = "";
					if (spu && spu.startsWith('SPU')) {
						console.log("商品详情-拼团");
						uni.navigateTo({
							url: '/pages/detail/preGroup?id=' + spu
						});
					}
				}
				//商品详情-砍价
				else if (args && args.indexOf("bDetailId=") >= 0) {
					var spu = args.split("bDetailId=")[1];
					plus.runtime.arguments = "";
					if (spu && spu.startsWith('SPU')) {
						uni.navigateTo({
							url: '/pages/detail/bargain?id=' + spu
						});
					}
				}
				//商品详情-秒杀
				else if (args && args.indexOf("sDetailId=") >= 0) {
					var spu = args.split("sDetailId=")[1];
					plus.runtime.arguments = "";
					if (spu && spu.startsWith('SPU')) {
						uni.navigateTo({
							url: '/pages/detail/seckill?id=' + spu
						});
					}
				}
				//商品详情
				else if (args && args.indexOf("id=") >= 0) {
					var spu = args.split("id=")[1];
					plus.runtime.arguments = "";
					if (spu && spu.startsWith('SPU')) {
						uni.navigateTo({
							url: '/pages/detail/detail?id=' + spu
						});
					}
				}
				//保税订单
				else if (args && args.indexOf("miniAppPayFlag=1") >= 0) {
					plus.runtime.arguments = "";
					uni.switchTab({
						url: '/pages/order/order'
					});
				}
			}, 100); //打开app延迟
			// #endif


			var apiSite = "";

			//打包
			// #ifndef H5
			apiSite = "https://v3app.fannybay.net";
			// #endif
			// #ifdef H5
			apiSite = "/apis";
			// #endif


			var params = {};

			const tokenInfo = uni.getStorageSync('tokenInfo');
			if (tokenInfo) {
				params['header'] = {
					"Access-Control-Allow-Origin": true,
					"ecp-vt": JSON.parse(tokenInfo)["token"],
					"ecp-vu": JSON.parse(tokenInfo)["customerId"]
				};

				uni.request({
					url: apiSite + '/ShopCartApi/getShopCartCountForApi',
					method: 'POST',
					header: params['header'] || {},
					success: function(res) {

						if (res.data.success) {
							if (res.data.response > 0) {
								uni.setTabBarBadge({
									index: 2,
									text: res.data.response > 99 ? '99+' : res.data.response + ''
								});
							} else {
								uni.removeTabBarBadge({
									index: 2
								});
							}
						}
					},
					fail: function(res) {
						uni.hideLoading();
					}
				});
			}


			//消息推送
			if (tokenInfo) {
				uni.getStorage({
					key: 'tokenInfo',
					success: (res) => {
						that.login();
					}
				});
			}
		},

		// 获取系统信息
		getSysteminfo: function() {

			uni.getSystemInfoSync({
				success: function(res) {
					let windowHeight = (res.windowHeight * (750 / res.windowWidth)); //将高度乘以换算后的该设备的rpx与px的比例
					let windowWidth = (res.windowWidth * (750 / res.windowWidth));
					return (windowHeight, windowWidth);
				}
			});
		}
	}
</script>
<style lang='scss'>
	@font-face {
		font-family: yticon;
		font-weight: normal;
		font-style: normal;
		src: url('https://at.alicdn.com/t/font_1078604_w4kpxh0rafi.ttf') format('truetype');
	}

	.yticon {
		font-family: "yticon" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-yiguoqi1:before {
		content: "\e700";
	}

	.icon-iconfontshanchu1:before {
		content: "\e619";
	}

	.icon-iconfontweixin:before {
		content: "\e611";
	}

	.icon-alipay:before {
		content: "\e636";
	}

	.icon-shang:before {
		content: "\e624";
	}

	.icon-shouye:before {
		content: "\e626";
	}

	.icon-shanchu4:before {
		content: "\e622";
	}

	.icon-xiaoxi:before {
		content: "\e618";
	}

	.icon-jiantour-copy:before {
		content: "\e600";
	}

	.icon-fenxiang2:before {
		content: "\e61e";
	}

	.icon-pingjia:before {
		content: "\e67b";
	}

	.icon-daifukuan:before {
		content: "\e68f";
	}

	.icon-pinglun-copy:before {
		content: "\e612";
	}

	.icon-dianhua-copy:before {
		content: "\e621";
	}

	.icon-shoucang:before {
		content: "\e645";
	}

	.icon-xuanzhong2:before {
		content: "\e62f";
	}

	.icon-gouwuche_:before {
		content: "\e630";
	}

	.icon-icon-test:before {
		content: "\e60c";
	}

	.icon-icon-test1:before {
		content: "\e632";
	}

	.icon-bianji:before {
		content: "\e646";
	}

	.icon-jiazailoading-A:before {
		content: "\e8fc";
	}

	.icon-zuoshang:before {
		content: "\e613";
	}

	.icon-jia2:before {
		content: "\e60a";
	}

	.icon-huifu:before {
		content: "\e68b";
	}

	.icon-sousuo:before {
		content: "\e7ce";
	}

	.icon-arrow-fine-up:before {
		content: "\e601";
	}

	.icon-hot:before {
		content: "\e60e";
	}

	.icon-lishijilu:before {
		content: "\e6b9";
	}

	.icon-zhengxinchaxun-zhifubaoceping-:before {
		content: "\e616";
	}

	.icon-naozhong:before {
		content: "\e64a";
	}

	.icon-xiatubiao--copy:before {
		content: "\e608";
	}

	.icon-shoucang_xuanzhongzhuangtai:before {
		content: "\e6a9";
	}

	.icon-jia1:before {
		content: "\e61c";
	}

	.icon-bangzhu1:before {
		content: "\e63d";
	}

	.icon-arrow-left-bottom:before {
		content: "\e602";
	}

	.icon-arrow-right-bottom:before {
		content: "\e603";
	}

	.icon-arrow-left-top:before {
		content: "\e604";
	}

	.icon-icon--:before {
		content: "\e744";
	}

	.icon-zuojiantou-up:before {
		content: "\e605";
	}

	.icon-xia:before {
		content: "\e62d";
	}

	.icon--jianhao:before {
		content: "\e60b";
	}

	.icon-weixinzhifu:before {
		content: "\e61a";
	}

	.icon-comment:before {
		content: "\e64f";
	}

	.icon-weixin:before {
		content: "\e61f";
	}

	.icon-fenlei1:before {
		content: "\e620";
	}

	.icon-erjiye-yucunkuan:before {
		content: "\e623";
	}

	.icon-Group-:before {
		content: "\e688";
	}

	.icon-you:before {
		content: "\e606";
	}

	.icon-forward:before {
		content: "\e607";
	}

	.icon-tuijian:before {
		content: "\e610";
	}

	.icon-bangzhu:before {
		content: "\e679";
	}

	.icon-share:before {
		content: "\e656";
	}

	.icon-yiguoqi:before {
		content: "\e997";
	}

	.icon-shezhi1:before {
		content: "\e61d";
	}

	.icon-fork:before {
		content: "\e61b";
	}

	.icon-kafei:before {
		content: "\e66a";
	}

	.icon-iLinkapp-:before {
		content: "\e654";
	}

	.icon-saomiao:before {
		content: "\e60d";
	}

	.icon-shezhi:before {
		content: "\e60f";
	}

	.icon-shouhoutuikuan:before {
		content: "\e631";
	}

	.icon-gouwuche:before {
		content: "\e609";
	}

	.icon-dizhi:before {
		content: "\e614";
	}

	.icon-fenlei:before {
		content: "\e706";
	}

	.icon-xingxing:before {
		content: "\e70b";
	}

	.icon-tuandui:before {
		content: "\e633";
	}

	.icon-zuanshi:before {
		content: "\e615";
	}

	.icon-zuo:before {
		content: "\e63c";
	}

	.icon-shoucang2:before {
		content: "\e62e";
	}

	.icon-shouhuodizhi:before {
		content: "\e712";
	}

	.icon-yishouhuo:before {
		content: "\e71a";
	}

	.icon-dianzan-ash:before {
		content: "\e617";
	}





	view,
	scroll-view,
	swiper,
	swiper-item,
	cover-view,
	cover-image,
	icon,
	text,
	rich-text,
	progress,
	button,
	checkbox,
	form,
	input,
	label,
	radio,
	slider,
	switch,
	textarea,
	navigator,
	audio,
	camera,
	image,
	video {
		box-sizing: border-box;
	}

	/* 骨架屏替代方案 */
	.Skeleton {
		background: #f3f3f3;
		padding: 20upx 0;
		border-radius: 8upx;
	}

	/* 图片载入替代方案 */
	.image-wrapper {
		font-size: 0;
		background: #f3f3f3;
		border-radius: 4px;

		image {
			width: 100%;
			height: 100%;
			transition: .6s;
			opacity: 0;

			&.loaded {
				opacity: 1;
			}
		}
	}

	.clamp {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	.common-hover {
		background: #f5f5f5;
	}

	/*边框*/
	.b-b:after,
	.b-t:after {
		position: absolute;
		/* z-index: 3; */
		left: 0;
		right: 0;
		height: 0;
		content: '';
		transform: scaleY(.5);
		border-bottom: 1px solid $border-color-base;
	}

	.b-b:after {
		bottom: 0;
	}

	.b-t:after {
		top: 0;
	}

	/* button样式改写 */
	uni-button,
	button {
		height: 80upx;
		line-height: 80upx;
		font-size: $font-lg + 2upx;
		font-weight: normal;

		&.no-border:before,
		&.no-border:after {
			border: 0;
		}
	}

	uni-button[type=default],
	button[type=default] {
		color: $font-color-dark;
	}

	/* input 样式 */
	.input-placeholder {
		color: #999999;
	}

	.placeholder {
		color: #999999;
	}


	/* 状态栏样式 */
	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}

	/* 居中显示 */
	/* 垂直居中 */
	.flex-center {
		display: flex;
		align-items: center;
	}

	/* 水平居中 */
	.flex-rwo-center {
		display: flex;
		justify-content: center;
	}

	/* 左右间隔均匀 */
	.flex-rwo-around {
		display: flex;
		justify-content: space-around;
	}

	/* 全部居中 */
	.flex-all-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flex-column-center {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	/* 1rpx边框 */
	.borderOneRpx {
		position: relative;
	}

	.borderOneRpx:after {
		position: absolute;
		left: 0;
		top: 0;
		content: '';
		box-sizing: border-box;
		position: absolute;
		width: 200%;
		height: 200%;
		transform: scale(0.5);
		transform-origin: 0 0;
		border-width: 1rpx;
		border-style: solid;
	}


	/* 超出… */
	.ellipsis1 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.ellipsis2 {
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		white-space: pre-wrap;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}


	/* 必填项标记 */
	.mustInput {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(224, 19, 39, 1);
	}


	/* 商品标签 */
	.goodsLabel {
		display: inline-block;
		box-sizing: border-box;
		position: relative;
		margin-top: 10rpx;
		margin-right: 10rpx;
		padding: 0 12rpx;
		height: 28rpx;
		line-height: 28rpx;
		font-size: 18rpx;
		border-radius: 3rpx;

		&:after {
			position: absolute;
			left: 0;
			top: 0;
			content: '';
			box-sizing: border-box;
			position: absolute;
			width: 200%;
			height: 200%;
			transform: scale(0.5);
			transform-origin: 0 0;
			border-width: 1rpx;
			border-style: solid;
			border-radius: 4rpx;
		}


		/* 秒杀 */
		&.seckill {
			color: #AF6FFF;
		}

		&.seckill:after {
			border-color: #AF6FFF;
		}

		/* 砍价 */
		&.bargain {
			color: #FD8900;
		}

		&.bargain:after {
			border-color: #FD8900;
		}

		/* 拼团 */
		&.preGroup {
			color: #59C265;
		}

		&.preGroup:after {
			border-color: #59C265;
		}


		/* 10 保税商品 20 优惠劵  30 赠品 40 满减 */
		/* 保税商品 */
		&.label_10 {
			color: #FD8900;
		}

		&.label_10:after {
			border-color: #FD8900;
		}

		/* 优惠劵 */
		&.label_20 {
			color: #D21728;
		}

		&.label_20:after {
			border-color: #D21728;
		}

		/* 赠品 */
		&.label_30 {
			color: #00A2FF;
		}

		&.label_30:after {
			border-color: #00A2FF;
		}

		/* 满减 */
		&.label_40 {
			color: #D21728;
		}

		&.label_40:after {
			border-color: #D21728;
		}
	}


	/* toast */
	uni-toast {
		z-index: 99999999999;
	}


	/* header高度 */
	.header-height {
		z-index: 999;
		position: sticky;

		top: 0;
		/* #ifdef H5 */
		height: 88rpx !important;
		/* #endif */

		/* #ifdef APP-PLUS */
		height: calc(var(--status-bar-height) + 88rpx) !important;
		/* #endif */

		/* #ifdef MP-WEIXIN */
		height: calc(var(--status-bar-height) + 176rpx) !important;
		/* #endif */
	}

	.headerNext {
		/* #ifdef H5 */
		top: 88rpx !important;
		/* #endif */

		/* #ifdef APP-PLUS */
		top: calc(var(--status-bar-height) + 88rpx) !important;
		/* #endif */

		/* #ifdef MP-WEIXIN */
		top: calc(var(--status-bar-height) + 176rpx) !important;
		/* #endif */
	}

	.filterBar {
		z-index: 99;
		position: sticky;
	}


	/* 小程序安全区域 */
	/* ios底部安全距离-padding */
	.safePadding {
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
		box-sizing: content-box;
	}


	/* 详情菜单 */
	.detailMenu-Container {
		z-index: 999;
		position: fixed;
		top: 0;
		width: 100vw;
		height: 100vh;
	}


	/* 不可用活动 */
	.disabledBtn {
		background: #CCCCCC !important;
		color: #FFFFFF !important;
	}


	/* 小程序客服 */
	.miniAppContactSell {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


	/* 暂无数据 */
	.partsList-Container {
		position: relative;
		width: 100%;
		height: 500rpx;
	}

	.noData {
		width: 213rpx;
		height: 273rpx;
		margin: auto;
	}


	/* 播放视频 */
	.swiper-item {
		position: relative;
	}

	.videoBg-Container {
		z-index: 99999;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.7);

		video {
			position: fixed;
			top: 50%;
			left: 50%;
			margin-top: -375rpx;
			margin-left: -350rpx;
			width: 700rpx;
			height: 750rpx;
		}
	}

	/* 视频播放&显示序号 */
	.videoPlayShowNO-Container {
		display: flex;
		align-items: center;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 110rpx;

		.newPlayVideo-icon {
			margin-left: 550rpx;
			width: 60rpx;
			height: 60rpx;
		}
	}


	/* 专区分类容器 */
	.navItem-Container {
		display: flex;
		overflow: hidden;
		padding-left: 20rpx;

		.nav-item {
			padding: 0 16rpx;
			white-space: nowrap;
		}
	}
</style>
